<template>
  <span v-for="(value, key, index) in mark" :key="index">
    属性名：{{ key }}, 属性值：{{ value }}<br />
  </span>
</template>

<script>
import { reactive, toRefs } from 'vue'
export default {
  setup () {
    const state = reactive({
      mark: {
        C语言程序设计: 90,
        离散数学: 95,
        大学英语: 89
      }
    })

    return {
      ...toRefs(state)
    }
  }
}
</script>
